<template>
  <footer
    class="fixed-bottom d-flex py-3 bg-light flex-wrap justify-content-between align-items-center border-top px-3"
  >
    <div class="col-md-4 d-flex align-items-center">
      <img
        src="https://s1.52poke.wiki/wiki/thumb/6/60/%E6%9C%80%E5%88%9D%E7%9A%84%E4%BC%99%E4%BC%B4.png/200px-%E6%9C%80%E5%88%9D%E7%9A%84%E4%BC%99%E4%BC%B4.png"
        height="40"
        class="me-2 mb-md-0 text-muted text-decoration-none lh-1"
      />
      <span class="mb-md-0 text-muted">&copy; 吴德万的主题博客空间</span>
    </div>

    <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
      <li class="ms-3">
        <a-tooltip placement="top" color="green">
          <template #title>
            <span>wse1239437537</span>
          </template>
          <img
            @click="copyLink('wse1239437537')"
            type="button"
            height="30"
            src="@/assets/img/footer/wecaht.png"
          />
        </a-tooltip>
      </li>
      <li class="mx-3">
        <a-tooltip placement="top" color="red">
          <template #title>
            <span>1239437537</span>
          </template>
          <img
            @click="copyLink('1239437537')"
            type="button"
            height="30"
            src="@/assets/img/footer/tencentQQ.png"
          />
        </a-tooltip>
      </li>
    </ul>
  </footer>
</template>

<script setup lang="ts">
  import { message } from 'ant-design-vue'

  const copyLink = (text: string) => {
    navigator.clipboard.writeText(text).then(() => {
      message.success('复制成功')
    })
  }
</script>

<style scoped></style>
